<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">
    <link rel="stylesheet" href="../javascripts/lib/jqm/jquery.mobile-1.4.3.min.css"/>
    <link rel="stylesheet" href="../stylesheets/main.css"/>
    <script src="../javascripts/lib/jq/jquery-2.1.1.min.js"></script>
    <script src="../javascripts/lib/jqm/jquery.mobile-1.4.3.min.js"></script>
    <script type="text/javascript" charset="utf-8">
    </script>
    <title><%=title%></title>
  </head>
  <body>
    <div class="a" data-role="page" id="page">
      <div data-role="header" id="header">
          <a class="ui-btn ui-icon-back ui-btn-icon-left" href="#glpage">返回</a>
          <h1>购买记录</h1>
      </div>
      <div data-role="content" data-theme="c" >
          <div class="balance">
              您剩余的点数:<%=count%>
          </div>
          <div class="orderlistdes">
            购买记录
          </div>
          <ul id="listview" data-role="listview" data-inset="true">
          <%if(orders.length>0){%>
              <%orders.forEach(function(order){%>
                <li>
                  <div class="gridrow">
                    <label>订单号&nbsp;&nbsp;&nbsp;&nbsp;：<%=order.tradeno%></label>
                    <label>订单时间：<%=order.date%></label>
                    <label>订单金额：￥<%=order.price%></label>
                    <label style="overflow:hidden;text-overflow:ellipsis;">商品名称：<%=order.goodname%></label>
                  </div>
                </li>
              <%});%>
          <%}else{%>
            <li><div class="noorder">
              您目前没有订单!!
            </div></li>
          <%}%>
          </ul>
      </div>
    </div>
  </body>
</html>